<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Web Testing Moqup</title>
	<link rel="stylesheet" type="text/css" href="/styles/style.css">
	<script type="text/javascript" src="/jquery/dist/jquery.min.js"></script>
	<script type="text/javascript" src="/scripts/browse.js"></script>
</head>
<body>
	<div class="menu">
		<ul>
			<li id="opentest">Open test</li>
			<li id="createtest">Create test</li>
			<li id="checklinks">Check hyperlinks</li>
		</ul>
		<div class="username">
			<div class="avatar">&nbsp;</div>
			<div>Username</div>
			<div style="clear: left;"></div>
			<ul>
				<li>Profile</li>
				<li>Saved tests</li>
				<li>Tasks</li>
				<li>Passwords</li>
				<li>Log out</li>
			</ul>
		</div>
		<div style="clear: left;"></div>
	</div>
	<div class="browser">
		<form id="browser">
			<table class="controls">
				<tr>
					<td><button type="button" id="back">&lt;</button></td>
					<td><button type="button" id="forward">&gt;</button></td>
					<td><input type="text" id="url" placeholder="http://domain.com"></td>
					<td><button type="button" id="goto">&rarr;</button></td>
				</tr>
				<tr>
					<td colspan="4" id="browsercontainer">
						
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div class="testcase">
		<table class="testcontrolswrapper">
			<tr>
				<td>
					<table class="testcontrols">
						<tr>
							<td><button type="button" id="addelem"><img src="/images/add_element.png" alt="Add"></button></td>
							<td><button type="button" id="removeelem"><img src="/images/remove_element.png" alt="Remove"></button></td>
							<td><button type="button" id="editelem"><img src="/images/edit_element.png" alt="Edit"></button></td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td>
					<table class="testcontrols2">
						<tr>
							<td><button type="button" id="runtest"><img src="/images/run_test.png" alt="Run"></button></td>
							<td><button type="button" id="stoptest"><img src="/images/stop_test.png" alt="Stop"></button></td>
							<td><button type="button" id="savetest"><img src="/images/save_test.png" alt="Save"></button></td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td>
					<iframe id="testcasecontainer" src="/testcase.html"></iframe>
				</td>
			</tr>
		</table>
	</div>
	<div class="logs">
		<iframe id="logscontainer" src="/logs.html"></iframe>
	</div>
	<div class="statusbar">
		<progress id="showprogress" max="100" value="35">
			Complete <span id="completed1">35</span>
		</progress>
		<span>Complete <span id="completed">35</span> from <span id="count">100</span></span>
	</div>
</body>
</html>